<?xml version="1.0" encoding="UTF-8"?>
<ui:composition template="/WEB-INF/templates/master_frame.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:my="http://java.sun.com/jsf/composite/components">

	<ui:define name="title"> - Homepage</ui:define>

	<ui:define name="slider">
		<div id="slider">
			<div class="slider">
				<ul class="items">
					<li><h:graphicImage name="/slide1.jpg" library="images" />
						<div class="banner">
							<strong>Schnell</strong> <strong>kostenlose Lieferung</strong> <strong>...
								direkt vor Ihre Tür</strong>
						</div></li>
					<li><h:graphicImage name="/slide2.jpg" library="images" />
						<div class="banner">
							<strong>Zertifiziert</strong> <strong>Abnahmegarantie</strong> <strong>...
								und weniger Aufwand für Sie</strong>
						</div></li>
					<li><h:graphicImage name="/slide3.jpg" library="images" />
						<div class="banner">
							<strong>sicher</strong> <strong>Transaktionssicher</strong> <strong>...
								ohne Zahlungsrisiko für Sie </strong>
						</div></li>
					<li><h:graphicImage name="/slide4.jpg" library="images" />
						<div class="banner">
							<strong>Fairness</strong> <strong>Partnerschaftlich</strong> <strong>...
								mit Kulanz zu ihren Gunsten.</strong>
						</div></li>
				</ul>
			</div>
		</div>
		<ul class="links">
			<li><a href="search.jsf"><strong>Suchen mit</strong>Typennummer</a></li>
			<li><a href="more.html"><strong>Filtern nach</strong>Marke</a></li>
			<li><a href="more.html"><strong>Anzeigen</strong>aller Räder</a></li>
			<li><a href="more.html"><strong>Anmelden von</strong>
					Benutzer</a></li>
		</ul>
	</ui:define>

	<ui:define name="content">
		<!-- Content -->

		<div class="wrapper">
			<article class="grid_18">
				<h4 id="searchByTypeNumber">Suche nach Typenscheinnummer</h4>
				<div class="text1">
					<a4j:outputPanel id="carSearchByUniqueKey">
						<h:form>

							<rich:message for="username" />
							<h:inputText id="uniqueCarKey" required="true"
								title="Geben sie hier die Typenscheinnummer ihres Wagens ein. Sie finden ihn in ihrem Fahrzeugausweis."
								styleClass="searchIcon normaltip">
								<rich:validator />
								<rich:placeholder value="Beispiel: 1B3045" />
								<rich:focus validationAware="true" preserve="true" />
							</h:inputText>

							<p class="p4">
								<a class="link-3" href="more.html">Donec accumsan malesuada
									orci.</a> Donec situamet eros. Lorem ipsum magna. Sed laoreet
								aliquam leo.
							</p>
						</h:form>
					</a4j:outputPanel>
				</div>
				<h4>Featured Services</h4>
				<div class="wrapper">
					<article class="grid_6 alpha">
						<ul class="list-1">
							<li><a href="more.html">Market Research</a></li>
							<li><a href="more.html">Online Banking</a></li>
							<li><a href="more.html">Financial Services</a></li>
							<li><a href="more.html">Client Network Solutions</a></li>
							<li><a href="more.html">Business Help</a></li>
						</ul>
					</article>
					<article class="grid_6 omega">
						<ul class="list-1">
							<li><a href="more.html">Global Labour Issues</a></li>
							<li><a href="more.html">Supply Chain Management</a></li>
							<li><a href="more.html">Strategic Business Planning</a></li>
							<li><a href="more.html">Target Market Segmentation</a></li>
							<li><a href="more.html">Global Marketing</a></li>
						</ul>
					</article>
				</div>
			</article>
		</div>

	</ui:define>

</ui:composition>
